/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({

/***/ 0:
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2016/12/2.
	 */
	var Progress = __webpack_require__(22);

	var Root = React.createClass({displayName: "Root",
	        render: function(){
	                return (
	                    React.createElement("div", null, 
	                            React.createElement("p", null, "1.默认显示百分比"), 
	                            React.createElement(Progress, {type: "line", percent: 30}), 
	                            React.createElement("p", {style: "margin-top:30px"}, "2.format可修改显示文案,showInfo:true(默认)时才生效"), 
	                            React.createElement(Progress, {type: "line", percent: 30, format: "满标"}), 
	                            React.createElement("p", {style: "margin-top:30px"}, "3.format可以是字体图标/元素"), 
	                            React.createElement(Progress, {type: "line", percent: 70, format: React.createElement("i", {style: "width:20px;height:20px;background:red;display:inline-block;"})}), 
	                            React.createElement("p", {style: "margin-top:30px"}, "4.不显示文案"), 
	                            React.createElement(Progress, {type: "line", percent: 50, showInfo: false}), 
	                            React.createElement("p", {style: "margin-top:30px"}, "5.如果需要修改文案位置,请自行在className中添加class修改,infoPosition可设置progress-text的style"), 
	                            React.createElement(Progress, {className: "top", type: "line", percent: 30, format: "top"}), 
	                            React.createElement(Progress, {className: "top", type: "line", percent: 40, format: "infoPosition", infoPosition: true}), 
	                            React.createElement(Progress, {className: "top", type: "line", percent: 40, format: "infoPosition", infoPosition: "left:40%;margin-left:-40px"}), 
	                            React.createElement("br", null), React.createElement("br", null)
	                    )
	                )
	        }
	});
	ReactDOM.render(React.createElement(Root, null),document.getElementById('main'));



/***/ },

/***/ 22:
/***/ function(module, exports) {

	/**
	 * 
	 * @constructs 
	 */
	var Progress = React.createClass({displayName: "Progress",
	    getDefaultProps: function() {
	        return {
	            type: 'line',
	            showInfo: true,
	            percent: 0
	        };
	    },
	    render: function(){
	        var showInfo = this.props.showInfo;
	        var info;
	        var infoPos = this.props.infoPosition;
	        var textProps = {};

	        if(showInfo){
	            if(infoPos){
	                typeof (infoPos) == 'object'? (
	                    textProps.style = infoPos
	                ):(
	                    textProps.style = "left:"+this.props.percent + "%"
	                )
	            }
	            textProps.className = 'ucs-progress-text';
	            if("format" in this.props){
	                info = React.createElement("span", {className: textProps.className, style: textProps.style}, this.props.format);
	            }else{
	                info = React.createElement("span", {className: textProps.className, style: textProps.style}, this.props.percent, "%");
	            }
	        }
	        var pClass = this.props.className? 'ucs-progress '+this.props.className:'ucs-progress';
	        return (
	            React.createElement("div", {className: pClass}, 
	                React.createElement("div", {className: "ucs-progress-inner"}, 
	                    React.createElement("span", {className: "ucs-progress-bg", style: "width:"+this.props.percent + "%"})
	                ), 
	                info
	            )
	        )
	    }
	});

	module.exports = Progress;

/***/ }

/******/ });